<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css"/>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js"></script>
</head>
<body>
<table class="table display" id="datatable_xs">
    <thead>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>民族</th>
        <th>年级</th>
        <th>班号</th>
        <th>院系</th>
        <th>政治面貌</th>
        <th>在校状态</th>
    </tr>
    </thead>
</table>


<script>
//表格生成
$('#datatable_xs').DataTable({
"processing": true,
"searching": true,
"serverSide": true,
"ajax": {
"url": "/scuvc/jw/xs/listJson",
},
"columns": [
{"data": "xh"},
{"data": "xm"},
{"data": "xbdm"},
{"data": "mzdm"},
{"data": "rxnd"},
{"data": "xzbmc"},
{"data": "jgmc"},
{"data": "zzmmdm"},
{"data": "zxztm"}
]
});

</script>
</body>
</html>